<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="icon" href="images/l_logo.png"  />
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="styles/default.css">
	<link rel="stylesheet" href="styles/main.css">
	<link rel="stylesheet" href="fonts/iconfont.css">
</head>
<body>
	<div id="header-hide"></div>

	<div id="header-container">
		<div id="nav-bar">
			<div class="l-nav">
				<div class="l-nav-img"><img src="images/logo.png" alt="logo" style="vertical-align: top;"></div>
			</div>
			<div class="r-nav">
			</div>
		</div>
	</div>

	<div id="carousel-container">
		<div id="carousel-bar">
			<div id="carousel-content">
				<h1>凡路科技紧急招<i class="icon iconfont icon-h5dibutubiao13"></i>令</h1>
				<p>贯穿移动，硬件，前端，后端，游戏，策划，系统七大部门，致力于打造更强更快更好的校内创新创业团队</p>
				<div class="car-content-footer">
					<a href="recruit.html"><button class="left-info-btn">加入我们</button></a>
					<a href="about.html"><button class="right-info-btn">了解我们</button></a>
				</div>
				<div class="car-content-footer btnstart">
					<i class="icon iconfont"><img width="30px;" src="http://wot.kongzhong.com/ztm/czb/images/p1/video_btn.png" ></i>
				</div>
			</div>
		</div>
		<div id="wrap-container">
			<div id="wrap-bar">
				<ul class="wrap-list">
					<li class="wrap-list-item" data-wrap="#final-explain-container">
						<h2>我们的实验室</h2>
						<p>人才辈出</p>
					</li>
					<li class="wrap-list-item" data-wrap="#fc-container">
						<h2>完整的技术体系</h2>
						<p>六项全能发展</p>
					</li>
					<li class="wrap-list-item" data-wrap="#culture-container">
						<h2>4大核心思想</h2>
						<p>实验室也是一个社会</p>
					</li>
					<li class="wrap-list-item" data-wrap="#numberout-container">
						<h2>我们的成员</h2>
						<p>他们社会历练</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="final-explain-container">
		<div id="final-explain-bar">
			<div class="explain-header">
				<h2>我们的实验室</h2>
				<p>拥有七大顶尖部门，如此强大，团队领先</p>
			</div>
			<div class="explain-body">
				<div class="l-explain">
					<h3>凡路实验室</h3>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;依托长沙理工大学计算机与通信工程学院成立的大学生科技创新团队， 致力于发展为一移动互联网和物联网为特色的IT技术行业。 </p>
					<p>
						作为专业的IT技术团队，团队专注于大量的IT 应用型人才的培养。
						团队的各个作品参加各项比赛，包括省ACM应用竞赛奖、互联网+、中国大学生计算机大赛，荣获许多大奖。 在这里，我们团队成员互帮互助也体现了非常强的团队凝聚力。
					</p>
				</div>
				<div class="r-explain">
					<ul class="explain-list">
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-java"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>后端部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-web"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>前端部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-yingjianshebei"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>硬件部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-xitong"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>系统部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-cehua"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>策划部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-youxi"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>游戏部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-shouji"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>移动部门</span></div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div id="fc-container">
		<div id="fc-bar">
			<div class="fc-header">
				<h2>完整的技术体系</h2>
				<p>包括六大技术体系，实力的保证</p>
			</div>
			<div class="fc-fc">
				<ul class="fc-fc-list">

					<li class="fc-fc-list-item-active">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-dianshangwangzhankaifa"></i></h2>
							<p>系统</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>C++软件</span></div>
									<div class="fc-menu-item-content">
										<p>
											基于MFC，Qt等软件开发，满足多种需求
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>Qt软件</span></div>
									<div class="fc-menu-item-content">
										<p>
											可用来设计UI界面以及Windows桌面软件
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>Scrapy框架</span></div>
									<div class="fc-menu-item-content">
										<p>
											python中最热门的多分布式爬虫框架
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>Flask框架</span></div>
									<div class="fc-menu-item-content">
										<p>
											python中规模小但功能齐全的服务器框架
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多详情</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="fc-fc-list-item">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-yidongyingyongkaifa"></i></h2>
							<p>前端</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>网页结构</span></div>
									<div class="fc-menu-item-content">
										<p>
											html css js从骨架到细节，层层美化
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>插件利用</span></div>
									<div class="fc-menu-item-content">
										<p>
											bootstrap，echarts等插件方便你的开发
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>主流框架</span></div>
									<div class="fc-menu-item-content">
										<p>
											vue.js，react.js，angular.js改变传统开发模式，更迅速、稳定的开发
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>node.js</span></div>
									<div class="fc-menu-item-content">
										<p>
											在服务器端运行javascript，进行整个网站从前端到后台的开发
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多流程</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="fc-fc-list-item">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-weixinkaifapingtai"></i></h2>
							<p>移动</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>极致动画，极致体验</span></div>
									<div class="fc-menu-item-content">
										<p>
											近10种动画效果使界面更加灵动
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>视图与逻辑分流</span></div>
									<div class="fc-menu-item-content">
										<p>
											Java/Kotlin编写逻辑，XML编写视图，更便捷
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>不仅仅只有界面</span></div>
									<div class="fc-menu-item-content">
										<p>
											还有后台逻辑，Sqlite、Realm、SharedPreference等等提供数据持久化
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>多种架构，总有适合</span></div>
									<div class="fc-menu-item-content">
										<p>
											MVC、MVP、MVVM、Clean多种架构，总有一个适合你的App
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多详情</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="fc-fc-list-item">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-zanfuwutubiao04"></i></h2>
							<p> 硬件</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>51单片机：</span></div>
									<div class="fc-menu-item-content">
										<p>
											编写程序开发硬件系统，是硬件学习的敲门砖
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>STM32：</span></div>
									<div class="fc-menu-item-content">
										<p>
											有了51单片机的基础，进一步学习STM32开发各种硬件代码

										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>树莓派开发：</span></div>
									<div class="fc-menu-item-content">
										<p>
											进一步学习硬件系统的开发，熟悉Linux系统
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>简单PCB制作：</span></div>
									<div class="fc-menu-item-content">
										<p>
											需要实际完成作品免不了设计电路板
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多流程</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="fc-fc-list-item">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-java"></i></h2>
							<p>后台</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>代码设计</span></div>
									<div class="fc-menu-item-content">
										<p>
											运用设计模式，低耦合，高内聚
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>框架运用</span></div>
									<div class="fc-menu-item-content">
										<p>
											运用SSM、SSH快捷开发

										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>数据处理</span></div>
									<div class="fc-menu-item-content">
										<p>
											使用Mysql存储数据、nosql技术的高效缓存
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>敏捷开发</span></div>
									<div class="fc-menu-item-content">
										<p>
											Springboot快速搭建项目，小步快跑、迭代开发

										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多详情</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="fc-fc-list-item">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-youxi1"></i></h2>
							<p>游戏</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>电脑游戏</span></div>
									<div class="fc-menu-item-content">
										<p>
											3D，2D全面覆盖，极致体验永不停
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>手游</span></div>
									<div class="fc-menu-item-content">
										<p>
											专业的设计，基于Unity开发
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>微信小游戏</span></div>
									<div class="fc-menu-item-content">
										<p>
											降低开发成本，快速抢占微信小游戏千亿级网络市场
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>页游</span></div>
									<div class="fc-menu-item-content">
										<p>
											H5游戏开发定制服务，页游也可以横行游戏领域
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多详情</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div id="culture-container">
		<div id="culture-bar">
			<div class="culture-header">
				<h2><i class="icon iconfont icon-4"></i>大核心思想</h2>
				<p>创新，规范，传承，感恩，我们从来没有停歇过...</p>
			</div>
			<div class="culture-body">
				<ul class="culture-list">
					<li class="culture-list-item">
						<div class="cul-list-item-l"><i class="icon iconfont icon-innovate"></i></div>
						<div class="cul-list-item-r">
							<h2>创新</h2>
							<p>策划+程序：意想不到的头脑风暴，造就创新之源</p>
						</div>
					</li>
					<li class="culture-list-item">
						<div class="cul-list-item-l"><i class="icon iconfont icon-wantuguifanwenjian13"></i></div>
						<div class="cul-list-item-r">
							<h2>规范</h2>
							<p>制度+监督：多年的探索，严谨的制度，营造程序员天堂氛围</p>
						</div>
					</li>
					<li class="culture-list-item">
						<div class="cul-list-item-l"><i class="icon iconfont icon-hezuo"></i></div>
						<div class="cul-list-item-r">
							<h2>传承</h2>
							<p>传递+继承</p>
						</div>
					</li>
					<li class="culture-list-item">
						<div class="cul-list-item-l"><i class="icon iconfont icon-ganenlaokehu3"></i></div>
						<div class="cul-list-item-r">
							<h2>感恩</h2>
							<p>感恩+回馈：走出实验室，翱翔苍穹，却不忘初心</p>
						</div>
					</li>
				</ul>
				<div class="culture-gn">
					<div class="culture-gn-l">
						<i class="icon iconfont icon-ganenlaokehu3"></i>
						<i class="icon iconfont icon-iconq"></i>
						<span class="culture-gn-outsj"></span>
					</div>
					<div class="culture-gn-r">
						<ul class="culture-gn-list">

							<li class="culture-gn-list-item">
								<h2>
									<div class="h2-img-bar">
										<img src="images/1.jpg" alt="number">
									</div>
								</h2>
								<p style="line-height: 60px;">计通计科</p>
								<p class="culture-gn-list-item-class"></p>
								<p class="culture-gn-list-item-money"><i class="icon iconfont icon-qian"></i></p>
							</li>
							<li class="culture-gn-list-item">
								<h2>
									<div class="h2-img-bar">
										<img src="images/2.jpeg" alt="number">
									</div>
								</h2>
								<p style="line-height: 60px;">计通通信</p>
								<p class="culture-gn-list-item-class"></p>
								<p class="culture-gn-list-item-money"><i class="icon iconfont icon-qian"></i></p>
							</li>
							<li class="culture-gn-list-item">
								<h2>
									<div class="h2-img-bar">
										<img src="images/3.jpg" alt="number">
									</div>
								</h2>
								<p style="line-height: 60px;">计通软件</p>
								<p class="culture-gn-list-item-class"></p>
								<p class="culture-gn-list-item-money"><i class="icon iconfont icon-qian"></i></p>
							</li>
							<li class="culture-gn-list-item">
								<h2>
									<div class="h2-img-bar">
										<img src="images/4.jpeg" alt="number">
									</div>
								</h2>
								<p style="line-height: 60px;">计通网络</p>
								<p class="culture-gn-list-item-class"></p>
								<p class="culture-gn-list-item-money"><i class="icon iconfont icon-qian"></i></p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="numberout-container">
		<div id="numberout-bar">
			<div class="numberout-header">
				<h2>我们的<i class="icon iconfont icon-cheng"></i>员</h2>
				<p>BAT、985！我们一路高歌向前</p>
			</div>
			<div class="numberout-bg"></div>
			<div class="numberout-bg-over"></div>
			<div id = "numberout-list-container">
				<ul class="numberout-list" style="left: 0px;"><!--numberout-list只有一个呀用class拿到的是一个数组-->
				</ul>

			</div>

		</div>
		<a href="javascript:;" class="arrow" id = "prev">&lt;</a>
		<a href = "javascript:;" class="arrow" id = "next">&gt;</a>
	</div>

	<div id="footer-filter-container">
		<div id="footer-filter-bar">
			<div class="footer-filter-header">
				<ul class="footer-filter-header-list">
                    <li class="fofilter-header-list-item"><i class="icon iconfont icon-chuangxin"></i>创新</li>
                    <li class="fofilter-header-list-item"><i class="icon iconfont icon-guifan"></i>规范</li>
                    <li class="fofilter-header-list-item"><i class="icon iconfont icon-wenhuachuancheng"></i>传承</li>
                    <li class="fofilter-header-list-item"><i class="icon iconfont icon-fuwu"></i>感恩</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="footer-container">
		<div id="footer-bar">
		</div>
	</div>
	<div class="video-container"></div>
	<script src="scripts/introduce-ajax.js" type="text/javascript" charset="utf-8"></script>
	<script src="scripts/index-project.js" type="text/javascript" charset="utf-8"></script>
	<script src="scripts/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="scripts/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="scripts/main.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
